{% extends 'base_two.html' %}
{% load order_filter %}
{% load static %}
{% block content %}

			<div class="pull-right">
				<div class="user-content__box clearfix bgf">
					<div class="title">订单中心-退款/退货</div>
					<div class="order-list__box bgf">
						<div class="order-panel">
							<ul class="nav user-nav__title" role="tablist">
								<li role="presentation" class="nav-item active"><a href="#all" aria-controls="all" role="tab" data-toggle="tab">所有订单</a></li>
								<li role="presentation" class="nav-item "><a href="#money" aria-controls="money" role="tab" data-toggle="tab">退款 <span class="cr">{{ return_money_num }}</span></a></li>
								<li role="presentation" class="nav-item "><a href="#item" aria-controls="item" role="tab" data-toggle="tab">退货 <span class="cr">{{ return_googs }}</span></a></li>
							</ul>

							<div class="tab-content">

                                <div role="tabpanel" class="tab-pane fade in active" id="all">
									<table class="table table-hover table-striped text-center">
										<tr>
											<th width="170">申请单号</th>
											<th width="170">原订单号</th>
											<th width="170">商品名称</th>
											<th width="105">申请时间</th>
											<th width="105">应退金额</th>
											<th width="90">订单状态</th>
											<th width="90">操作</th>
										</tr>
                                {% if orders_list %}
                                    {% for orders in orders_list %}
                                        {% for order,info in orders.items %}
                                            {% for goods_name,goods_info in info.items %}

										<tr>
											<td>2669901385864042</td>
											<td>{{ order.order_id }}</td>
											<td class="text-left">
												<div class="name ep" style="width: 180px">{{ goods_name.goods_name }}</div>
												<div class="c9 ep">颜色分类：{{ goods_info.goods_info_color }}  尺码：{{ goods_info.goods_info_size }}</div>
											</td>
											<td>{{ order.create_time|filter_time }}</td>
											<td>¥{{ order.real_amount }}</td>
											<td class="refund-state">退款中<br><a href="">联系客服</a></td>
											<td class="refund-state"><a href="">取消退款</a></td>
										</tr>
                                        {% endfor %}
                                        {% endfor %}
                                    {% endfor %}
                                    {% else %}
                                    <tr class="order-empty"><td colspan='6'>
											<div class="empty-msg">最近没有退款订单！</div>
										</td></tr>
                                {% endif %}


									</table>
									<div class="page text-right clearfix" style="margin-top: 40px">
										<a class="disabled">上一页</a>
										<a class="select">1</a>
										<a href="">2</a>
										<a href="">3</a>
										<a class="" href="">下一页</a>
									</div>
								</div>



                                {# 需要退款的订单 #}
								<div role="tabpanel" class="tab-pane fade" id="money">
									<table class="table text-center">
										<tr>
                                            <th width="85">商品单号</th>
											<th width="380">商品信息</th>
											<th width="85">单价</th>
											<th width="85">数量</th>
											<th width="120">实付款</th>
											<th width="120">交易状态</th>
											<th width="120">交易操作</th>
										</tr>
                                {% if orders_list2 %}
                                    {% for orders in orders_list2 %}
                                        {% for order,info in orders.items %}
                                            {% for goods_name,goods_info in info.items %}

                                                <tr>
                                                    <td>{{ order.order_id }}</td>
                                                    <td class="text-left">

                                                        <div class="name ep" style="width: 180px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ goods_name.goods_name }}</div>
                                                        <div class="c9 ep">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;颜色分类：{{ goods_info.goods_info_color }}  尺码：{{ goods_info.goods_info_size }}</div>
                                                    </td>
                                                    <td>{{ order.payable_amount }}</td>
                                                    <td>{{ order.goods_number }}</td>
                                                    <td>{{ order.payable_amount }}</td>
                                                    <td class="refund-state">退款中<br><a href="">联系客服</a></td>
                                                    <td class="refund-state"><a href="">取消退款</a></td>
                                                </tr>
                                        {% endfor %}
                                        {% endfor %}
                                    {% endfor %}

                                    {% else %}
                                    <tr class="order-empty"><td colspan='6'>
											<div class="empty-msg">最近没有退款订单！</div>
										</td></tr>
                                {% endif %}
                                    </table>
								</div>



                                {# 需要退货的订单 #}
								<div role="tabpanel" class="tab-pane fade" id="item">
									<table class="table text-center">
										<tr>
                                            <th width="85">商品单号</th>
											<th width="380">商品信息</th>
											<th width="85">单价</th>
											<th width="85">数量</th>
											<th width="120">实付款</th>
											<th width="120">交易状态</th>
											<th width="120">交易操作</th>
										</tr>
                                {% if orders_list3 %}
                                    {% for orders in orders_list3 %}
                                        {% for order,info in orders.items %}
                                            {% for goods_name,goods_info in info.items %}

                                                <tr>
                                                    <td>{{ order.order_id }}</td>
                                                    <td class="text-left">

                                                        <div class="name ep" style="width: 180px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ goods_name.goods_name }}</div>
                                                        <div class="c9 ep">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;颜色分类：{{ goods_info.goods_info_color }}  尺码：{{ goods_info.goods_info_size }}</div>
                                                    </td>
                                                    <td>{{ order.payable_amount }}</td>
                                                    <td>{{ order.goods_number }}</td>
                                                    <td>{{ order.payable_amount }}</td>
                                                    <td class="refund-state">退款中<br><a href="">联系客服</a></td>
                                                    <td class="refund-state"><a href="">取消退款</a></td>
                                                </tr>
                                        {% endfor %}
                                        {% endfor %}
                                    {% endfor %}

                                    {% else %}
                                    <tr class="order-empty"><td colspan='6'>
											<div class="empty-msg">最近没有退款订单！</div>
										</td></tr>
                                {% endif %}
                                    </table>
								</div>


							</div>

						</div>
					</div>
				
				</div>
			</div>
		</section>
	</div>
	<!-- 右侧菜单 -->
	<div class="right-nav">
		<ul class="r-with-gotop">
			<li class="r-toolbar-item">
				<a href="udai_welcome.html" class="r-item-hd">
					<i class="iconfont icon-user" data-badge="0"></i>
					<div class="r-tip__box"><span class="r-tip-text">用户中心</span></div>
				</a>
			</li>
			<li class="r-toolbar-item">
				<a href="udai_shopcart.html" class="r-item-hd">
					<i class="iconfont icon-cart"></i>
					<div class="r-tip__box"><span class="r-tip-text">购物车</span></div>
				</a>
			</li>
			<li class="r-toolbar-item">
				<a href="udai_collection.html" class="r-item-hd">
					<i class="iconfont icon-aixin"></i>
					<div class="r-tip__box"><span class="r-tip-text">我的收藏</span></div>
				</a>
			</li>
			<li class="r-toolbar-item">
				<a href="" class="r-item-hd">
					<i class="iconfont icon-liaotian"></i>
					<div class="r-tip__box"><span class="r-tip-text">联系客服</span></div>
				</a>
			</li>
			<li class="r-toolbar-item">
				<a href="issues.html" class="r-item-hd">
					<i class="iconfont icon-liuyan"></i>
					<div class="r-tip__box"><span class="r-tip-text">留言反馈</span></div>
				</a>
			</li>
			<li class="r-toolbar-item to-top">
				<i class="iconfont icon-top"></i>
				<div class="r-tip__box"><span class="r-tip-text">返回顶部</span></div>
			</li>
		</ul>
		<script>
			$(document).ready(function(){ $('.to-top').toTop({position:false}) });
		</script>
	</div>
{% endblock %}